<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="<?php echo admin_css;?>common.css" type="text/css"/>
    <script type="text/javascript" src="<?php echo admin_js;?>/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="<?php echo admin_js;?>/bundle.min.js"></script>
    <link rel="stylesheet" href="<?php echo admin_css;?>admin.css" type="text/css"/>
    <style type="text/css">
        .content {
            width: 442px;
            margin-top: 20px;
            height: 720px;
            border: 1px solid red;
            margin-left: 30px;;
        }
        .shop_time {
            border: 1px solid red;
        }
        .shop_time, .shop_address, .shop_name {
            height: 30px;
            line-height: 30px;
        }

        .shop_name {
            width: 442px;
            line-height: 30px;
            height: 30px;
            border: 1px solid blue;
        }

        .shop_name input {
            display: block;
            width: 220px;

        }

        .shop_address input {
            display: block;
            width: 260px;

        }

        .job_type select {
            display: block;
            width: 160px;
            height: 30px;

        }

        input {
            background: #e9ecf3;
        }

        .shop_img {
            width: 442px;
            height: 80px;
        }

        .shop_img_title {
            width: 68px;
            height: 80px;
            line-height: 80px;
            margin-right: 10px;
            float: left;
        }

        .shop_img_logo {
            width: 80px;
            height: 80px;
            float: left;

        }

        .up_shop_img {
            display: block;
            width: 100px;
            height: 30px;
            margin-top: 50px;
            float: left;
            margin-left: 10px;
            margin-right: 20px;
        }

        .shop_img_warn {
            width: 89px;
            height: 15px;
            float: left;
            margin-top: 65px;
            line-height: 15px;
            text-align: center;

        }

        .shop_conduct {
            width: 442px;
            height: 137px;
            clear: both;
            border: 1px solid red;
        }

        .shop_conduct_head {
            width: 442px;
            height: 100px;
            border: 1px solid blue;
            margin-bottom: 100px;

        }

        .shop_conduct_title {
            height: 100px;
            width: 76px;
            line-height: 100px;
            float: left;
            margin-bottom: 0px;
        }

        .shop_conduct_img {
            /*width:200px;*/
            max-width: 360px;
            overflow: hidden;
            height: 100px;
            background: #E9ecf3;
            margin-bottom: 0px;
        }

        .shop_conduct_footer {
            clear: both;
            width: 268px;
            height: 30px;
            margin-left: 76px;
            margin-top: -30px;
            border: 1px solid blue;
        }

        .shop_conduct_footer button {
            /*display: block;*/
            float: left;
            width: 82px;
            height: 32px;
        }

        #shop_conduct_span {
            display: block;
            float: right;
            margin-right: 0px;
            margin-left: 0px;
            width: 178px;
            height: 15px;
            margin-top: 10px;

        }

        .shop_intro {
            width: 445px;
            height: 140px;
            border: 3px solid blue;
        }

        .shop_info_title {
            width: 68px;
            float: left;
            height: 140px;
            margin-right: 10px;
            border: 1px solid red;
            line-height: 140px;
        }

        .shop_info_content {
            width: 300px;
            height: 140px;
            float: left;
        }

        .shop_info_content textarea {
            width: 365px;
            height: 140px;
            resize: none;
            font-size: 11px;

        }

        p img {
            width: 82px;
            height: 100px;
        }

    </style>
</head>
<body>
<div class="main">
    <div class="content">
        <form name="main_form" method="POST" action="__SELF__" enctype="multipart/form-data">
            <div class="shop_time">
                <span>店铺入驻时间:</span><span class="col-lg2"><?php echo $data['bind_time']; ?></span>
            </div>
            <div class="shop_name">
                <span>店铺名称:</span><input type="text" class="grey" value="<?php echo $data['shop_name']; ?>">

            </div>
            <div class="shop_address">
            <span>
            店铺地址:</span><input class="grey" type="text" value="<?php echo $data['shop_addr']; ?>" style="width: 300px">
            </div>
            <div class="job_type"><span>所属行业:</span>
                <select class="grey" name="type">
                    <option value="1">品牌购物</option>
                    <option value="2">住宿旅行</option>
                    <option value="3">餐饮娱乐</option>
                    <option value="4">超市百货</option>
                    <option value="5">美妆护理</option>
                    <option value="6">线上会员</option>
                    <option value="7">其他</option>

                </select></div>
            <div class="shop_img">
                <span>商铺图标:</span>
                <div class="shop_img_logo grey"><p style="position:absolute" id="fileList2"></p></div>
                <a href="javascript:;" style="float:left" class="a-upload up_shop_img">
                    <input type="file" name="shop_logo_img" id="fileElem2">上传图片
                </a>
                <div class="shop_img_warn font_grew">大小不能超过2M</div>
            </div>
            <div class="shop_conduct">
                <div class="shop_conduct_head">
                    <span>店铺宣传:</span>
                    <div class="shop_conduct_img grew" style="margin-bottom: 0px" value="">
                        <p style="position:absolute" id="fileList"></p>
                    </div>
                </div>
                <div class="shop_conduct_footer">
                    <a href="javascript:;" style="float:left" class="a-upload ">
                        <input type="file" name="shop_img[]" id="fileElem" accept="image/*" multiple="multiple"
                               class='pull-left'>上传图片
                    </a>
                    <span id="shop_conduct_span" class="font_grew">最多只能上传4张，大小不能超过2M</span>
                </div>
            </div>
            <div class="shop_intro">
                <span>店铺简介:</span>
                <div class="shop_info_content ">
           <textarea rows="3" cols="20" class="grey" placeholder="请对商铺进行简单介绍，例如主要经营业务、相关产品"
                     value="<?php echo $data['intro'];?>">
          </textarea>
                </div>
            </div>
            <div class="shop_submit_content_bottom ">
                <button type="submit">保存</button>
            </div>
        </form>
        <div>
        </div>
        <input id="type" type="hidden" value="<?php echo $data['type'];?>">
</body>
</html>
<script>
    /* 选中的*/
    $(function () {
        var type = $('#type').val();
        $("select option").eq(type).attr("selected", true);
    })
    /*图片多个预览的功能*/
    var uploadFiles = new UploadFiles('fileList', 'fileElem', function () {
        // alert('上传完毕');
    });
    uploadFiles.init();
    //单个的
    var uploadFiles2 = new UploadFiles('fileList2', 'fileElem2', function () {
        // alert('上传完毕');
    });
    uploadFiles2.init();
</script>